import prompt from '@system.prompt';
/**
 * 动画封装
 * @param obj 移动对象
 * @param target 移动目标位置
 * @param timeout 每次移动间隔
 */
/**
 * 侧边栏：
 * 需要换成图标点击，改text，改div大小 --ok
 * 如何实现向右滑收起侧边栏 --到时候看
 * 如何嵌入account页面，不失美观？？ --ok
 * tpc_resourse里面有什么是可以用到的？？  -比如计算器
 */
function animate(obj, target, timeout,callback) {
    // 清空已有的定时器
    clearInterval(obj.timer);
    // 为每个对象开辟一个定时器
    obj.timer = setInterval(function () {
        // 移动步长
        var step = (target - obj.offsetLeft) / 100;
        // 判断是否为前进还是后退
        step = step > 0? Math.ceil(step): Math.floor(step);
        console.log('step = ' + step);
        if (obj.offsetLeft == target) {
            clearInterval(obj.timer);
            // 改变状态
            if (callback) {
                callback();
            }
        }
        obj.style.left = obj.offsetLeft + step + 'px';
    },timeout)
}

export default {
    data: {
        title: 'World',
        state:false,
//        dataBar:['选择1','选择2','选择3','选择4',],
    },
    props:['sideBarDate'],
    changeState(e){
        const state_bar = this.$element('state_bar');
        this.state=!this.state
    },
    sideBar_click(e){
        console.log('###bbb'+JSON.stringify(e))
        const state_bar = this.$element('state_bar');
        console.log('打印：'+state_bar);
        let bar_state = state_bar.attr.show
        state_bar.style.width='300px';
        //        console.log('@@@'+JSON.stringify(bar_state));
//        console.log('@@@2'+bar_state);
        this.state = !bar_state;
//        console.log('@@@3'+this.state);
    },
    select(){
        console.log("选择兰")
    },
    listSelect(e){
        console.log("选择栏"+e.target.attr.tid);
        this.$emit('itemEvent',{index:e.target.attr.tid})
        prompt.showToast({
            message: '你点击了: ' + e.target.attr.tid,
            duration: 3000,
        });
    },
    hidepopup() {
        this.$element("popup").hide();
    },

}
